-
-
Notifications
You must be signed in to change notification settings - Fork 7
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(web): UX improvements for Repo and Cluster Views #110
base: main
Are you sure you want to change the base?
Conversation
I love the suggestions here. I think maybe a 'stack' of issues (where the titles are visible but fading out) might be a nice DX. And we could also allow the option of rendering these in a grid. |
Great! To ensure clarity, I wanted to discuss a bit further to keep our mental models aligned. OverviewSo if I understood correctly, this is what you meant above, so let's get into it! NOTE: I forgot to recreate the Duplicates button but it would still be there but I suspect that is sorta its own flow and would require its own work. Paper Stack DesignLike I mentioned before, this design moves in the direction of iconography, which I think is actually better for this app's purpose: providing the maintainers a high-level understanding of a given repo's Issues and allowing them to drill down into specifics as they choose. Summary ItemI provided 2 options here but I don't think Variant 2 really adds so much other than to the visual UX, maybe it "feels" nicer to use? Hard for me to say. It would end up taking up more real estate on screen but maybe that's an acceptable trade-off if you like it enough. Repo ViewThis would be what replaces the existing view in the app. Attention to the new ![]() Cluster ViewsNOTE: These are the views the maintainer is presented with after selecting a given Cluster. Variant 1This is my personal preference between the two Variants but maybe you have a strong stance against overlays? Or maybe there's too much visual noise in the background? That we could blur out though. ![]() Variant 2This would route them to a new page/view which is less nice in my opinion but certainly more straightforward. ![]() Window Pane DesignI would say this is for the maintainer who wants maximum information density, lots of words, lots of shapes, lots of colors. Summary ItemThis is a bit of a rework of the previous Grid Cell design but for an individual Cluster Summary. ![]() Repo ViewThis would be what replaces the existing view in the app. Attention to the new ![]() Cluster ViewsNOTE: These are the views the maintainer is presented with after selecting a given Cluster. Variant 1This is my personal preference between the two Variants but maybe you have a strong stance against overlays? Or maybe there's too much visual noise in the background? That we could blur out though. ![]() Variant 2This would route them to a new page/view which is less nice in my opinion but certainly more straightforward. ![]() Open Questions:
Sorry for the wall of text/images in advance! Trying to reduce the amount of guesswork by leaning into communicating more up front. Looking forward to hearing your thoughts. @danielroe Ping! |
Context
Currently the Repo and Cluster Views (my terms) are not conducive to furthering a maintainer's understanding of their project's outstanding issues at a high-level, this work aims to provide a better experience when viewing all of a given repo's issues. Further documentation will be provided in the conversation for the attached issue.
NOTE: This is very much work-in-progress, it is not intended as the final state, more-so a vehicle to carry the conversation forward.
Current State:

Addresses:
Issue-19